/* -----------------------------------------------
Blogger Template Style
Name    : Otaku
Author  : Jhony
Url     : http://fb.me/jhony.phing
----------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body{
color:#333;
font:normal 12px Segoe UI,Arial,Tahoma,Verdana;
line-height:1.5;
}
ol, ul{list-style: none;}
a,a:link,a:visited{color:#026ACB;text-decoration:none;}
a:hover,a:active{text-decoration:underline;}

header{
position: fixed;
z-index: 99999;
line-height: 1;
top: 0;
left: 0;
width: 100%;
min-width: 980px;
height: 42px;
background-color: rgba(0, 0, 0, 0.7);
}
header .container {
width: 980px;
margin: 0 auto;
position: relative;
}
header #maiNav {
position: relative;
padding: 0;
list-style-type: none;
z-index: 5;
margin: 0;
}
header .m_search {
position: relative;
margin: 9px 9px 0 9px;
}

.clearfix{display: block;}
.f_l{float:left;}
.f_r{float:right;}

:-ms-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-webkit-input-placeholder {color:#999;}
:focus::-webkit-input-placeholder {color:#bfbfbf;}
:-moz-placeholder:focus {color:#bfbfbf;}
:-ms-input-placeholder:focus {color:#bfbfbf;}

.menusearch{width:200px;float:right;margin:0 auto;padding:4px 0 0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #000;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}

































/* if 
h2.date-header{display:none}
.header-wrapper{width:970px;color:#e16364;min-height:90px;overflow:hidden;position:relative;z-index:999;margin:0 auto}
#header{max-width:240px;float:left;width:auto;overflow:hidden;z-index:999;min-width:240px;margin:0;padding:0}
#header-inner{margin:10px 0 10px;padding:0}
#header h1,#header p{font:30px Oswald;line-height:30px;color:#333;text-shadow: 0px 1px 2px #fff;padding-bottom:10px;margin:0}
#header h1 a,#header h1.title a:hover{color:#48b;text-decoration:none}
#header .description{color:#48d;font:bold 16px Arial;}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
#header2{float:right;width:728px;margin:6px 0 0}
.header2 .widget{margin:0 auto;padding:5px 0}


.menuHead{background: #0084E6;font-size:14px;display:inline-block;width:100%;border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.menuHead ul{width:970px;padding:0;margin:0 auto}
.menuHead li{list-style-type:none;display:inline-block;float:left}
.menuHead li a{color:#fff;display:block;position:relative;text-decoration:none;padding:10px 12px}
.menuHead li a:hover{background:#0070C4;}
.menuHead li a .sf-sub-indicator{overflow:hidden;position:absolute;text-indent:-9999px}
.menuHead li li a,.menuHead li li a:link,.menuHead li li a:visited{background:#0070C4;color:#fff;font-size:11px;position:relative;width:138px;padding:8px}
.menuHead li li a:hover,.menuHead li li a:active{background:#0084E6}
.menuHead li ul{height:auto;left:-9999px;position:absolute;width:160px;z-index:9999;margin:0}
.menuHead li ul a{width:140px}
.menuHead li ul ul{margin:-33px 0 0 154px}
.menuHead li:hover>ul,.menuHead li.sfHover ul{left:auto}
#topNav{background:#2d2d2d;z-index:1;position:relative;border-bottom:1px solid #ccc}
#topNav ul{list-style:none;color:#ddd;z-index:999;width:970px;margin:0 auto;padding:0}
#topNav ul li{list-style:none;line-height:34px;display:inline-block}
#topNav li a{background:transparent;color:#ddd;display:block;font-size:13px;font-family:Arial,Helvetica,Tahoma,sans-serif;position:relative;text-decoration:none;text-transform:capitalize;padding:0 10px}
#topNav li a:hover,.topNav .selected{background: #444;color:#fff}

.wrapper{
min-height: 100%;
position: relative;
overflow: hidden;
}
.content-wrapper{position:relative;max-width:970px;margin:0 auto}
.outer-wrapper{position:relative;width:100%;padding:10px 0 0}
.main-wrapper{width:660px;margin:0px;float:left;word-wrap:break-word;overflow:hidden;}
.clr{clear:both;float:none}

h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0}
.post{background:#fff;margin:5px 5px 15px;padding:5px 15px 15px;box-shadow: 0 2px 6px rgba(0,0,0,0.2)}
.post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#333;margin:.0em 0 0;padding:4px 0;text-shadow:1px 1px #fff, 1px 1px #ccc, 2px 2px #ddd, 3px 3px #eee}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong{display:block;text-decoration:none;color:#333}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#48d}
.post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .25em;line-height:1.3em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:.75em 0}
.comment-link{margin-left:.1em}
.post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px}
.post blockquote p{margin:.75em 0}
.post img,#header2 img,.sidebar1 img{max-width:100%;width:auto;}

#related-posts{float:left;width:100%;border-bottom:3px solid #bbb;border-top:1px solid #ccc;margin:15px 0 10px;padding:10px 0 10px}
#related-posts .widget h3,#related-posts h3{font:16px Oswald;color:#111;text-transform:none;margin:0 0 10px;padding:0}
#related-posts a{color:#333;font:12px Tahoma}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px}
#related-posts a:hover{color:#2482d6;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}

#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#48d;font:bold 12px Arial;text-transform:none;margin:0;padding:8px 5px;background:#fff;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px}
.showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#48d;margin:10px 3px;padding:5px 10px;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#48d;;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background-color:#48d;font-size:12px;margin:10px 3px;padding:5px 10px;;box-shadow: 0 1px 2px rgba(0,0,0,0.1)}
.feed-links{clear:both;line-height:2.5em}

.menusearch{width:200px;float:right;margin:0 auto;padding:4px 0 0}
.searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #000;}
.searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;}
.searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0}

.sidebar-wrapper,.sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;}
.sidebar h2{background:#48d;color:#fff;font:14px Oswald;margin:0;padding:5px 0 5px 10px;text-transform:uppercase}
.sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd}
.sidebar .widget{background:#fff;margin:2px 2px 10px;padding:0 0 5px;box-shadow: 0 2px 6px rgba(0,0,0,0.2)}
.sidebar .widget-content{margin:0 auto;padding:0 10px;}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.sidebar li a:hover{color:#015bb3}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul{list-style:none;padding:0;margin:0;}
.sidebar1 .widget {margin:0 auto;padding:0}

#footer{background:#fff;border-bottom:0px solid #000;border-top:0px solid #111;width:100%;padding:0;box-shadow: 0 2px 6px rgba(0,0,0,0.2);margin:3px}
.footer-wrapper{color:#aaa;font:12px Arial;height:100%;overflow:hidden;padding:0}
.footer{float:left;width:31%;margin:10px;color:#444}
.footer .widget{margin-bottom:30px}
.footer h2{border-bottom:3px solid #ddd;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#222}
.footer .widget-content{line-height:16px}
.footer ul{list-style:none;color:#333;margin:0;padding:0}
.footer li{background:url(http://2.bp.blogspot.com/-6p_AqXL70hQ/UQWPHMObw9I/AAAAAAAABZ0/f2UWIvjFkSQ/s1600/footerli.png) no-repeat 1px 5px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 12px}
.footer a:link,.footer li a:visited{color:#333;text-decoration:none}
.footer li a:hover{color:#48d}
#credit{background:#48d;border-top:0px solid #000;font:11px Tahoma;color:#eee;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px}
#credit .left{float:left;text-align:left;margin-left:10px}
#credit .right{float:right;text-align:right;margin-right:10px}
#credit a{color:#eee;text-decoration:none}
#credit a:hover{color:#fc0;text-decoration:none}

.comments {background:#fff;box-shadow: 0 2px 6px rgba(0,0,0,0.2);margin:5px 0;padding:10px 15px;margin:5px; line-height:1em; }
.comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; }
.comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; }
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; }
.comments .comments-content .inline-thread { padding:0.5em 1em; }
.comments .comments-content .comment-thread { margin:8px 0; }
.comments .comments-content .comment-thread:empty { display:none; }
.comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background:#f6f6f6; }
.comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; }
.comments .comments-content .comment:first-child { padding-top:16px; }
.comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; }
.comments .comments-content .comment-body { position:relative; }
.comments .comments-content .user { font-style:normal; font-weight:bold; }
.comments .comments-content .user a { color:#2D5E7B; font-size:14px; font-weight:bold; text-decoration:none; }
.comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; }
.comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; }
.comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; }
.comment-header { background-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; }
.comments .comments-content .comment-content { text-align:none; }
.comments .comments-content .owner-actions { position:absolute; right:0; top:0; }
.comments .comments-replybox { border:none; height:250px; width:100%; }
.comments .comment-replybox-single { margin-top:5px; margin-left:48px; }
.comments .comment-replybox-thread { margin-top:5px; }
.comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; }
.comments .thread-toggle { cursor:pointer; display:inline-block; }
.comments .continue { cursor:pointer; }
.comments .continue a { display:inline-block; margin:0; padding:1px 6px; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; }
.comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; }
.comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; }
.comments .thread-chrome.thread-collapsed { display:none; }
.comments .thread-toggle { display:inline-block; }
.comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; }
.comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; }
.comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; }
.comments .avatar-image-container { background-image:url(http://4.bp.blogspot.com/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat; float:left; width:36px; max-height:36px; margin:0; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; }
.comments .avatar-image-container img { width:36px; }
.comments .comment-block { margin-left:48px; position:relative; }
@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}

@media screen and (max-width: 960px) {
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none;}
#header-inner{margin:10px 0}
#header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto}
.menusearch{float:none;padding:5px 0 10px}
.menuHead{border:0}
.menuHead li{float:none;}
.menuHead li a{border:none}
.main-wrapper{margin-right:0;width:58%;}
#footer{box-shadow:none;margin:0}
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 10px;padding:5px}
.credit{padding:20px!important}
#credit .left,#credit .right{float:none;text-align:center;margin:0}
.outerpic-wrapper,.content-wrapper{padding:0}
.menuHead ul,.topNav ul{text-align:center;width:100%}
#header2{text-align:center;width:100%;margin:0 5px}
}
@media screen and (max-width: 768px){
.header-wrapper{margin-right:0;min-height:0;width:100%}
#header{text-align:center;width:100%;max-width:none}
#header2{width:98%;}
#header-inner{margin:10px 0 0}
}
@media screen and (max-width: 760px){
.topNav{margin:0}
.outer-wrapper{padding:0}
.main-wrapper{margin-right:0;width:100%;min-height:0}
.sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;}
#comment-editor{margin:10px}
.footer{width:auto;margin:10px}
}
@media screen and (max-width: 480px){
#header2{width:96%;}
#header img{width:100%}
.post-body{font:normal 12px Arial}
.post-comment-link{display:none}
}
@media screen and (max-width: 320px){
.comments .comments-content .datetime{display:block;float:none}
.comments .comments-content .comment-header{height:70px}
}
@media screen and (max-width: 295px){
.sidebar1 img{width:100%;text-align:center}
.comments .comments-content .comment-replies{margin-left:0}
}
#viewers{float:left;width:100%;font:12px Arial;padding:0px 5px;}
.readmorecontent{float:right;margin:0;padding:7px 0px;0}
.readmorecontent a{background:#48d;color:#fff;text-decoration:none;font-size:11px;padding:4px 6px;margin-right:10px;}
.readmorecontent a:hover{background:#666;text-decoration:none;}
.post-snippet:before{content:attr(data-snippet);}
*/